<!-- directive:title 项目中要使用的面板样式 -->
<!-- directive:breadcrumb 面板样式 -->
<div class="panel-body">
    <div class="row">
        <div class="col-sm-12">
            <script type="text/xianjs" ui-bs>
                <div class="panel panel-default">
                    <div class="panel-heading"> panel-default <span class="badge">32</span> </div>
                    <div class="panel-body">
                    </div>
                </div>
            </script>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading"> panel-default <span class="badge">32</span> </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"> panel-success <span class="badge">2</span> </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-danger">
                <div class="panel-heading"> panel-danger <span class="badge">2</span> </div>
                <div class="panel-body">
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-info">
                <div class="panel-heading"> panel-info <span class="badge">32</span> </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"> panel-warning <span class="badge">2</span> </div>
                <div class="panel-body">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <script type="text/xianjs" ui-bs>
                <div class="panel panel-default panel-yxpanel">
                    <ul class="panel-heading">
                        <li class=""> 能量奖励规则 </li>
                        <li class=""> <button class="btn btn-red">Small button</button> </li>
                        <li class="pull-right"> <button class="btn btn-red">Small button</button> </li>
                    </ul>
                    <div class="panel-body">
                    </div>
                </div>
            </script>
        </div>
        <div class="col-sm-6">
            <div class="panel panel-default panel-yxpanel">
                <ul class="panel-heading">
                    <li class=""> 能量奖励规则 </li>
                    <li class=""> <button class="btn btn-red">Small button</button> </li>
                    <li class="pull-right"> <button class="btn btn-red">Small button</button> </li>
                </ul>
                <div class="panel-body">
                </div>
            </div>
        </div>
    </div>
    <style media="screen" ui-bs>
        .panel-yxpanel {border: 1px solid #e5e5e5;}
        .panel-yxpanel ul.panel-heading { height: 38px; padding: 0 0 0 20px; background: #fcfcfc; border-bottom: 1px solid #e5e5e5;}
        .panel-yxpanel ul.panel-heading li{ font-weight: bold; font-size: 14px; margin-right: 20px; color: #333333; letter-spacing: 0; line-height: 38px; text-align: left; display: inline-block;}
        .panel-yxpanel ul.panel-heading li button.btn-red{ margin-top: -4px; background: #ea544a; border: 1px solid #ea544a; border-radius: 2px; color: #fff !important; font-size:12px; color:#ffffff; letter-spacing:0; text-align:left; height: 28px;}
        .panel-yxpanel ul.panel-heading li.pull-right{}
    </style>
</div>
